<template>
  <div class="page-box">
    <div class="flex-left">
      <AnJianCaiJiZongLiang></AnJianCaiJiZongLiang>
      <MeiRiAnJianCaiJiLiang></MeiRiAnJianCaiJiLiang>
      <ZuiXinAnJian
        :classOption="classOption"
        :scrollData="scrollData"
      ></ZuiXinAnJian>
    </div>

    <div class="flex-middle-small">
      <div>
        <JieBanAnJianZhanBi></JieBanAnJianZhanBi>
      </div>
      <div>
        <LeiXingAnJianZhanBi></LeiXingAnJianZhanBi>
      </div>
    </div>

    <div class="flex-right">
      <JianKongLieBiao :pageType="2"></JianKongLieBiao>
    </div>
  </div>
</template>

<script>
import AnJianCaiJiZongLiang from './components/AnJianCaiJiZongLiang.vue'
import MeiRiAnJianCaiJiLiang from './components/MeiRiAnJianCaiJiLiang.vue'
import ZuiXinAnJian from './components/ZuiXinAnJian.vue'
import JieBanAnJianZhanBi from './components/JieBanAnJianZhanBi.vue'
import LeiXingAnJianZhanBi from './components/LeiXingAnJianZhanBi.vue'
import JianKongLieBiao from '@/components/monitor/index'
import { ZhiHuiGongDiDB } from '@/api'
export default {
  components: {
    AnJianCaiJiZongLiang,
    MeiRiAnJianCaiJiLiang,
    ZuiXinAnJian,
    JieBanAnJianZhanBi,
    LeiXingAnJianZhanBi,
    JianKongLieBiao
  },
  data() {
    return {
      scrollData: [],
      classOption: {
        singleHeight: 160,
        direction: 1,
        step: 0.5
      }
    }
  },
  mounted() {
    this.getData()
  },
  methods: {
    getData() {
      //   1-智慧工地
      ZhiHuiGongDiDB.getZuiXinAnJian().then(res => {
        this.scrollData = res.data
      })
    }
  }
}
</script>

<style lang="less" scoped></style>
